<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link rel="stylesheet" href="京东.css/common.css" />
    <link rel="stylesheet" href="京东.css/index.css" />
    <link rel="stylesheet" href="京东.css/swiper-bundle.min.css" />
  </head>
  <body>
    <!-- 头部顶栏 -->
    <header class="app">
      <ul>
        <li>
          <img
            src="image\5ac9d730N04e6d766.png"
            alt="京东"
            style="width: 10px; vertical-align: middle; margin-top: 0px"
          />
        </li>
        <li><img src="image\5b850ecaN644d2983.png" alt="京东" /></li>
        <li>打开京东App，购物更轻松</li>
        <li>立即打开</li>
      </ul>
    </header>
    <!-- 搜索登录栏 -->
    <div class="nav">
      <span class="nav-left"></span>
      <div class="nav-search">
        <input type="search" />
        <a class="logo"></a>
        <span class="iconfont icon-RectangleCopy"></span>
      </div>
      <span class="nav-right">登录</span>
    </div>
    <!-- 轮播图样式 -->
    <div class="banner">
      <div class="silder-bg"></div>
      <div class="swiper mySwiper">
        <div class="swiper-wrapper">
          <div class="swiper-slide"><img src="image/banner.gif" alt="" /></div>
          <div class="swiper-slide">
            <img
              src="image/ed42f31178dd15a4.jpg!cr_1125x449_0_166!q70.jpg"
              alt=""
            />
          </div>
          <div class="swiper-slide">
            <img
              src="image/ef66e9bf6adc18e2.jpg!cr_1125x449_0_166!q70.jpg"
              alt=""
            />
          </div>
          <div class="swiper-slide">
            <img
              src="image/2d7c014f2d37b45b.jpg!cr_1053x420_4_0!q70.jpg"
              alt=""
            />
          </div>
          <div class="swiper-slide">
            <img
              src="image/9de88cf34863e8f9.jpg!cr_1053x420_4_0!q70.jpg"
              alt=""
            />
          </div>
        </div>
        <!--       <div class="swiper-button-next"></div>
      <div class="swiper-button-prev"></div> -->
        <!-- 如果需要分页器 -->
        <div class="swiper-pagination"></div>
      </div>
    </div>
    <!--  广告栏 -->
    <div class="advertise">
      <a href="#"><img src="image/166158985397075171.gif" alt="" /></a>
      <a href="#"><img src="image/166158986006342509.gif" alt="" /></a>
      <a href="#"><img src="image/166158986597640854.gif" alt="" /></a>
    </div>
     <!-- 栏图标 -->
    <div class="icon">
      <a href="#"
        ><img src="image\ec560dbf9b82b90b.png!q70.png" alt="" />
        <span>京东超市</span></a
      >
      <a href=""
        ><img src="image\ccf74d805a059a44.png!q70.png" alt="" />
        <span>数码电器</span></a
      >
      <a href=""
        ><img src="image\2fcd31afd5d702e4.png!q70.png" alt="" />
        <span>京东百货</span></a
      >
      <a href=""
        ><img src="image\a0d5a68bf1461e6d.png!q70.png" alt="" />
        <span>京东生鲜</span></a
      >
      <a href=""
        ><img src="image\37c65625d94cae75.png!q70.png" alt="" />
        <span>京东到家</span>
      </a>
      <a href="#"
        ><img src="image\d86d463521140bb6.png!q70.png" alt="" />
        <span>充值缴费</span></a
      >
      <a href=""
        ><img src="image\d51caf15f2f412b2.png!q70.png" alt="" />
        <span>附近好店</span></a
      >
      <a href=""
        ><img src="image\c5acd2f8454c40e1.png!q70.png" alt="" />
        <span>领券</span></a
      >
      <a href=""
        ><img src="image\38077313cb9eac4b.png!q70.png" alt="" />
        <span>领金贴</span></a
      >
      <a href=""
        ><img src="image\a7d6b66354efb141.png!q70.png" alt="" />
        <span>PLUS会员</span>
      </a>
    </div>
       <!-- 京东秒杀 -->
    <div class="sec_kill_floor">
      <div class="tile_wrap">
        <div class="sec_kill_floor_top">京东秒杀</div>
        <div class="sec_kill_timer">
          <div class="sec_kill_timer_left">20</div>

          <div class="seckill-time">
            <div class="seckill-time-box" id="hour">00</div>
            <span>:</span>
            <div class="seckill-time-box" id="min">00</div>
            <span>:</span>
            <div class="seckill-time-box" id="second">00</div>
          </div>
        </div>

        <div class="sec_kill_timer_right">
          <div class="arrow_rt"></div>
          <span>爆款轮番秒</span>
        </div>
      </div>
      <div class="sec_kill_ad">
        <a href=""
          ><img src="image\3924013cdc6f417b.jpg.dpg" alt="" /><span
            >￥1899</span
          ></a
        >
        <a href=""
          ><img src="image\3924013cdc6f417b.jpg.dpg" alt="" /><span
            >￥1899</span
          ></a
        >
        <a href=""
          ><img src="image\3924013cdc6f417b.jpg.dpg" alt="" /><span
            >￥1899</span
          ></a
        >
        <a href=""
          ><img src="image\3924013cdc6f417b.jpg.dpg" alt="" /><span
            >￥1899</span
          ></a
        >
        <a href=""
          ><img src="image\3924013cdc6f417b.jpg.dpg" alt="" /><span
            >￥1899</span
          ></a
        >
        <a href=""
          ><img src="image\3924013cdc6f417b.jpg.dpg" alt="" /><span
            >￥1899</span
          ></a
        >
      </div>
    </div>
    
<!-- 产品内容栏 -->
    <div class="box-footer">
      <div class="box-footer-left">
        <div class="box-footer-left-content">
          <div class="box-image"></div>
          <div class="box-goods-info">
            <div class="box-goods-name">
              森马
              【同款特价】2022夏季新款英伦风高帮马丁靴中帮雪地男鞋工装潮鞋板鞋高帮休闲
              K5卡其 39
            </div>
            <div class="box-goods-price">￥69.00</div>
            <div class="box-goods-row-bottom">
              <div class="box-goods-row-Goodcomments">42条好评</div>
              <div class="box-goods-row-Goodcomments">100%好评率</div>
              <div class="box-goods-row-right">找相似</div>
            </div>
          </div>
        </div>

        <div class="box-footer-left-content">
        <div class="box-image"></div>
        <div class="box-goods-info">
          <div class="box-goods-name">
            森马
            【同款特价】2022夏季新款英伦风高帮马丁靴中帮雪地男鞋工装潮鞋板鞋高帮休闲
            K5卡其 39
          </div>
          <div class="box-goods-price">￥69.00</div>
          <div class="box-goods-row-bottom">
            <div class="box-goods-row-Goodcomments">42条好评</div>
            <div class="box-goods-row-Goodcomments">100%好评率</div>
            <div class="box-goods-row-right">找相似</div>
          </div>
        </div>
      </div>
      </div>
      <div class="box-footer-right">
        <div class="box-footer-right-content">
          <div class="box-image"></div>
          <div class="box-goods-info">
            <div class="box-goods-name">
              森马
              【同款特价】2022夏季新款英伦风高帮马丁靴中帮雪地男鞋工装潮鞋板鞋高帮休闲
              K5卡其 39
            </div>
            <div class="box-goods-price">￥69.00</div>
            <div class="box-goods-row-bottom">
              <div class="box-goods-row-Goodcomments">42条好评</div>
              <div class="box-goods-row-Goodcomments">100%好评率</div>
              <div class="box-goods-row-right">找相似</div>
            </div>
          </div>
        </div>

        <div class="box-footer-right-content">
          <div class="box-image"></div>
          <div class="box-goods-info">
            <div class="box-goods-name">
              森马
              【同款特价】2022夏季新款英伦风高帮马丁靴中帮雪地男鞋工装潮鞋板鞋高帮休闲
              K5卡其 39
            </div>
            <div class="box-goods-price">￥69.00</div>
            <div class="box-goods-row-bottom">
              <div class="box-goods-row-Goodcomments">42条好评</div>
              <div class="box-goods-row-Goodcomments">100%好评率</div>
              <div class="box-goods-row-right">找相似</div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </body>
  <script src="京东.js/swiper-bundle.min.js"></script>
  <script src="京东.js/index.js"></script>
</html>
